<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>专题信息统计</title>
  <!-- 引入样式表 -->
  <link rel="stylesheet" href="../public/js/bs/css/bootstrap.css">
  <!-- 引入js脚本 -->
  <script type="text/javascript" src="../public/js/jquery.min.js"></script>
  <script src="../public/js/bs/js/bootstrap.js"></script>
  <script type="text/javascript" include="echarts,leaflet-icon-pulse" src="../dist/leaflet/include-leaflet.js"></script>
  <!-- 引入自定义Js文件 -->
  <script src="../public/js/thmaticPage.js"></script>
  <style>
    #divBody {
      height: 100%;
      width: 100%;
      margin-top: 5px;
    }
  </style>
</head>

<body onload="initAllBody()" style="background-color:rgb(224, 208, 208);">
  <div class="container" id="divBody">
    <!-- 导航部分---begin -->
    <div class="nav row">
      <ul id="myTab" class="nav nav-tabs">
        <nav class="navbar navbar-inverse" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header" id="navPart">
              <a class="navbar-brand" href="#">
                <span class="glyphicon glyphicon-education"></span>
                黄河流域城市群经济发展时空格局分析</a>
            </div>
            <div>
              <ul class="nav navbar-nav">
                <li class="active">
                  <a href="/index" data-toggle="tab">
                    <span class="glyphicon glyphicon-circle-arrow-left" onclick="intoIndexPage()"></span>
                    <script>
                      function intoIndexPage() {
                        location.href = "/index";
                      }
                    </script>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </nav>
      </ul>
    </div>
    <!-- 导航部分---end -->
    <!-- 主体部分---begin -->
    <!-- 因子分析--begin -->
    <div class="tab-pane fade in active" id="Factor">
      <div class="col-md-3" style="background-color: #1c325f;">
        <div id="chart1" style="height:420%;">
        </div>
        <div id="chart4" style="height:420%;">
        </div>
      </div>
      <div class="col-md-6">
          <div id="map" style="height: 843px;width: 102%;margin-left: -10px;" ></div>
          <script>
            let url = "http://localhost:8090/iserver/services/map-HHRes/rest/maps/%E9%BB%84%E6%B2%B3%E4%B8%AD%E4%B8%8B%E6%B8%B8%E5%9F%8E%E5%B8%82%E7%BE%A4";
            let map = L.map('map', {
            center: [34.86, 116.67],
            zoom: 7
          });
          L.supermap.tiledMapLayer(url, { noWrap: true }).addTo(map); // 添加图层

          </script>
      </div>
      <div class="col-md-3" style="background-color: #545454;">
        <div id="chart3" style="height:420%;">
        </div>
        <div id="chart2" style="height:420%;">
        </div>
      </div>
    </div>
  </div>
  <!-- 因子分析--end -->
  <!-- 主体部分---end -->
</body>

</html>